<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                                                                                    rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li class="active">T+1任务管理</li>
            </ul>
        </div>
    </div>
</div>

<div class="pull-convert-alert"></div>

<div class="container-fluid">
    <div style="margin: 10px">
        <div style="margin: 0 0 10px 0">
            集群名称：<input type="text" name="clusterName" ng-model="vm.p.clusterName" placeholder="cluster name" value="off" />
            资源队列：<input type="text" name="queue" ng-model="vm.p.startTime" placeholder="queue name" value="123" />
            开始时间：<input type="text" name="startTime" ng-model="vm.p.startTime" placeholder="start date" value="123" />
            - <input type="text" name="endTime" ng-model="vm.p.endTime" placeholder="end date" />
            <a href="" style="margin-left:10px;" ng-click="searchYarnApplication()"> 查询 </a>
        </div>
        <hr/>
        <div class="row">
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <h3 class="sub-header" style="display:inline-block">算力消费</h3>
                <table id="list_table_cost" class="table table-condensed">
                    <thead>
                    <tr>
                        <th data-field="license" data-sortable="true">时间周期</th>
                        <th data-field="license" data-sortable="true">计算费用</th>
                        <th data-field="subBillID" data-sortable="true">计算健康分</th>
                        <th data-field="productCode" data-sortable="true">存储费用</th>
                        <th data-field="transOrderID" data-sortable="true" >存储健康分</th>
                        <th data-field="transOrderID" data-sortable="true" >总费用</th>
                    </tr>
                    </thead>
                </table>
            </div>
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <h3 class="sub-header" style="display:inline-block">算力消费趋势</h3>
            </div>
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <div class="col-sm-6 col-md-6 main">
                    <h3 class="sub-header" style="display:inline-block">TOP计算资源消耗</h3>
                </div>
                <div class="col-sm-6 col-md-6 main">
                    <h3 class="sub-header" style="display:inline-block">TOP存储资源消耗</h3>
                </div>
            </div>

            <div class="col-sm-12 col-md-12 main" style="float: right">
                <label style="float: right">耗时：{{vm.result.ms}}ms</label>
                <h3 class="sub-header" style="display:inline-block; font-weight: 700;font-size: 14px;"> 任务列表</h3>
                <table id="list_table" class="table table-condensed"
                       data-toolbar="#toolbar"
                       data-search="true"
                       data-show-toggle="true"
                       data-show-columns="true"
                       data-show-pagination-switch="true"
                       data-pagination="true"
                       data-search-align="left"
                       data-buttons-align="left"
                       data-toolbar-align="left"
                       data-side-pagination="client">
                    <thead>
                    <tr>
                        <th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号</th>
                        <th data-field="id" data-sortable="true" data-formatter="appReportIDFmt">操作</th>
                        <th data-field="appID" data-sortable="true">是否异常</th>
                        <th data-field="queue" data-sortable="true">资源队列</th>
                        <th data-field="applicationType" data-sortable="true">任务类型</th>
                        <th data-field="jobName" data-sortable="true">任务名称</th>
                        <th data-field="allocatedMB" data-sortable="true" >申请内存</th>
                        <th data-field="allocatedVCores" data-sortable="true" >申请CPU</th>
                        <th data-field="reservedMB" data-sortable="true">已分配内存</th>
                        <th data-field="reservedVCores" data-sortable="true">已分配CPU</th>
                        <th data-field="memorySeconds" data-sortable="true">已消费内存</th>
                        <th data-field="vcoreSeconds" data-sortable="true">已消费CPU</th>
                        <th data-field="startedTime" data-sortable="true">开始时间</th>
                        <th data-field="finishedTime" data-sortable="true">结束时间</th>
                        <th data-field="elapsedTime" data-sortable="true">耗时（分钟）</th>
                        <th data-field="finalStatus" data-sortable="true">任务状态</th>
                        <th data-field="progress" data-sortable="true">执行进度</th>
                        <th data-field="ownerID" data-sortable="true">负责人</th>
                        <th data-field="accessID" data-sortable="true">执行账户</th>
                        <th data-field="createTime" data-sortable="true">同步时间</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
